html, body,blockquote,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}

body {
  //background: #20294B;
}


// 滚动条宽度
::-webkit-scrollbar {
  width: 3px;
}

/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  background-color: rgba(1, 54, 100, 0.5);
}

/* 滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgb(43, 106, 158);
  box-shadow: inset 0 0 3px rgb(43, 106, 158);
  background-clip: inset;
}

@primary-color: #77EAFF;
@heading-color: rgba(255, 255, 255, 0.85); // 标题色
@text-color: rgba(255, 255, 255, 0.65); // 主文本色
@text-color-secondary: rgba(255, 255, 255, 0.45); // 次文本色
@disabled-color: rgba(255, 255, 255, 0.25); // 失效色
@background-color-light: hsv(0, 0, 50%); // background of header and selected item
@background-color-base: hsv(0, 0, 30%); // Default grey background color

// Disabled states
@disabled-color: fade(#fff, 55%);
@disabled-bg: @background-color-base;
@disabled-color-dark: fade(#fff, 35%);

// The background colors for active and hover states for things like
// list items or table cells.
@item-active-bg: @primary-7;
@item-hover-bg: @primary-7;

// Base Scaffolding Variables
// ---

// Background color for `<body>`
@body-background: #20294B;
// Base background color for most components
@component-background: #20294B;
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
@text-color: fade(@white, 65%);
@text-color-secondary: fade(@white, 45%);
@text-color-inverse: @text-color;
@icon-color: fade(@white, 85%);
@icon-color-hover: fade(@white, 75%);
@heading-color: fade(@white, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);
@text-selection-bg: @primary-color;
@font-variant-base: tabular-nums;
@font-feature-settings-base: 'tnum';
@font-size-base: 14px;
@font-size-lg: @font-size-base + 2px;
@font-size-sm: 12px;
@heading-1-size: ceil(@font-size-base * 2.71);
@heading-2-size: ceil(@font-size-base * 2.14);
@heading-3-size: ceil(@font-size-base * 1.71);
@heading-4-size: ceil(@font-size-base * 1.42);
@line-height-base: 1.5;
@border-radius-base: 4px;
@border-radius-sm: 2px;

// Input
// ---
@input-height-base: 32px;
@input-height-lg: 40px;
@input-height-sm: 24px;
@input-padding-horizontal: @control-padding-horizontal - 1px;
@input-padding-horizontal-base: @input-padding-horizontal;
@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
@input-padding-horizontal-lg: @input-padding-horizontal;
@input-padding-vertical-base: 4px;
@input-padding-vertical-sm: 1px;
@input-padding-vertical-lg: 6px;
@input-placeholder-color: hsv(0, 0, 75%);
@input-color: @text-color;
@input-border-color: @border-color-base;
@input-bg: @component-background;
@input-number-hover-border-color: @input-hover-border-color;
@input-number-handler-active-bg: #20294B;
@input-number-handler-hover-bg: @primary-5;
@input-number-handler-bg: @component-background;
@input-number-handler-border-color: @border-color-base;
@input-addon-bg: @background-color-light;
@input-hover-border-color: @primary-5;
@input-disabled-bg: @disabled-bg;
@input-outline-offset: 0 0;

// Dropdown
@dropdown-selected-color: @primary-color;

// Select
// ---
@select-border-color: @border-color-base;
@select-item-selected-color: @text-color;
@select-item-selected-font-weight: 600;
@select-dropdown-bg: @component-background;
@select-item-selected-bg: @component-background;
@select-item-active-bg: @component-background;
@select-background: @component-background;

// Menu
// ---
@menu-inline-toplevel-item-height: 56px;
@menu-item-height: 56px;
@menu-collapsed-width: 80px;
@menu-bg: @component-background;
@menu-popup-bg: transparent;
@menu-item-color: @text-color;
@menu-highlight-color: @primary-color;
@menu-item-active-bg: transparent;
@menu-item-active-border-width: 3px;
@menu-item-group-title-color: @text-color-secondary;
@menu-icon-size: @font-size-base;
@menu-icon-size-lg: @font-size-lg;

@menu-item-vertical-margin: 4px;
@menu-item-font-size: 20px;
@menu-item-boundary-margin: 8px;

// dark theme
@menu-dark-color: @text-color-secondary-dark;
@menu-dark-bg: transparent;
@menu-dark-arrow-color: #fff;
@menu-dark-submenu-bg: transparent;
@menu-dark-highlight-color: @primary-color;
@menu-dark-item-active-bg:  transparent;
@menu-dark-selected-item-icon-color: @primary-color;
@menu-dark-selected-item-text-color: @primary-color;
@menu-dark-item-hover-bg: transparent;

// Breadcrumb
// ---
@breadcrumb-base-color: @primary-7;
@breadcrumb-last-item-color: @primary-5;
@breadcrumb-font-size: @font-size-base;
@breadcrumb-icon-font-size: @font-size-base;
@breadcrumb-link-color: @primary-7;
@breadcrumb-link-color-hover: @primary-5;
@breadcrumb-separator-color: @primary-7;
@breadcrumb-separator-margin: 0 @padding-xs;
